/**************************************\
GESHI - (CODE WITH SYNTAX HIGHLIGHTING)
\**************************************/

pre.php:after, pre.html5:after, pre.css:after {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top:20px;
	right: -50px;
	width: 150px;
	height: 25px;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	content:"CODE";
	@include text-shadow(#999 1px 1px 1px);
	background: rgb(255,168,76);
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1)));
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
	background: linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
	text-align: center;
	-webkit-box-shadow: 0 1px 5px #444;
	-moz-box-shadow: 0 1px 5px #444;
	box-shadow: 0 1px 5px #444;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
}

.geshi {
	pre {
		background-color: white;
		@include rounded(2px);
		@include box-shadow(inset 2px 2px 2px #ccc,#ccc 1px 1px 2px);
		min-height: 55px;
		padding:5px 10px 5px 5px;
		overflow: hidden;
		border:1px solid #ccc;
		position:relative;
		ol {
			list-style-type: decimal;
		}
		li {
			border-left:1px solid silver;
			padding-left:5px;
		}
		&.php {
			&:after {
				content:"PHP";
			}
			color:#555;
			a {
				color:rgb(60,76,114);
				color:blue;
			}
			.de1 {
			    color:#555;
			} 	
			.br0 {
				color:black;
			}
			.re0 { //Variable
				color:rgb(49,132,149);
			}
			.sy0,.sy1 {
				color:blue;
			}
			.st0 {
				color:rgb(3,106,7);
			}
			.nu0 { //WERT einer Variable
		
			}
			.co1,.co2,.coMULTI {
				color:rgb(255,127,0);
			}
			.kw1 {
				color:blue;
			}
			.kw2 {
				color:blue;
			}
			.st_h {
			    color:green;
			}              
		}//php
		&.html5 {
			&:after {
				content:"HTML5";
			}
			.imp {font-weight: bold; color: orange;}
			.kw2 {     //TAG    	 
				color:rgba(65,105,225, 1.0);
				font-weight: bold;}
			.kw3 {      //attribute
				color:rgba(65,105,225, 1.0);
				font-style:italic;
			}
			.es0 {
				color:rgba(65,105,225, 1.0);
				font-weight: bold;
			}
			.br0 {
				color:rgba(65,105,225, 1.0);
			}
			.sy0 { //ZEICHEN
				color:rgba(65,105,225, 0.7);
			}
			.st0 {     //VALUE
				color:green;
			 }
			.nu0 {color: red;}
			.sc-2 {color: red;}
			.sc-1 {color: red; font-style: italic;}
			.sc0 {color: red;}
			.sc1 {color: red;}
			.sc2 { //BRACKETS
				color:rgba(65,105,225, 0.7);
			}
			span.xtra { display:block; }
		}//html5	
		&.css  {
			&:after {
				content:"SASS"
			}
			color:black;	
			.imp {font-weight: bold; color: red;}
			.kw1 {
				color:rgba(65,105,225, 0.7);
				font-weight: bold;
			}
			.kw2 { //VALUE
				color: green;
			}
			.co1 {color: orange;}
			.co2 {color: fuchsia; font-style: italic;}
			.coMULTI {color: #808080; font-style: italic;}
			.es0 {color: fuchsia; font-weight: bold;}
			.es2 {color: fuchsia; font-weight: bold;}
			.br0 { //BRACKETS
				color: black;}
			.sy0 { //SEMIKOLON
				color: black;}
			.st0 {color: black;}
			.nu0 { //ColorValues rgba
				color: rgb(197,6,11);}
			.re0 {color: black;}
			.re1 { //classes
				color: black;
				font-style:italic;}
			.re2 { //font-family Value
				color: black;}
			.re3 { //Pixel Value
				color: blue;}
			span.xtra { display:block; }
		}//css	
	}//pre
}//geshi